<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>营收明细</title>

    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <link rel="stylesheet" href="../../b2c/lib/css/laydate.css">
    <link rel="stylesheet" href="../../b2c/lib/js/weui/jquery-weui.css">
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <script src="../../b2c/lib/js/weui/jquery-weui.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/store/revenueDetails.css">
</head>

<body style="background-color:#eee">
    <div class="revenueWrap" id="revenueDetails">
        <div class="revenue">
            <div class="money">
                <p v-cloak>销售总额: <span>&yen;{{totalSales | price}}</span></p>
                <p v-cloak>总佣金:<span>&yen;{{totalCommission | price}}</span></p>
            </div>
            <div class="date clearfix">
                <div class="startTime time">
                    <input type="text" placeholder="开始时间" id="start" onchange="getStartTime()">
                </div>
                <div class="range">
                    <span>~</span>
                </div>
                <div class="endTime time">
                    <input type="text" placeholder="结束时间" id="end">
                </div>
                <div class="confirm" onclick="searchOrders()">
                    确定
                </div>

        </div>
        <div v-for="(item,index) in orderList">
            <div class="orderInfo">
            <div class="orderTitle">
                <p class="left">订单编号:<span v-text="item.orderSn"></span></p>
                <p class="right">已完成</p>
                <div class="clearfix"></div>
            </div>
            <div class="orderContent" v-for="(val,ind) in item.detailList">
                <div class="goodsOrders">
                    <div class="left goodsImg">
                        <img :src="val.goodsImage" alt="">
                    </div>
                    <div class="left goodsInfo">
                        <p v-text="val.goodsName"></p>
                        <div>
                            <div class="spec left">
                                <span v-text="val.specName"></span>
                                <!--<span>L</span>-->
                                <span v-cloak>x{{val.quantity}}</span>
                            </div>
                            <div class="totalMoney right" v-cloak>实付总计:&yen;
                                {{val.salePrice | price}}</div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="commission">
                    <b class="left" v-cloak>佣金: &yen;{{val.commission | price}}</b>
                    <b class="right" v-if="val.commissionStatus==2">已发</b>
                    <b class="right yellow"  v-if="val.commissionStatus==1">在途</b>
                    <b class="right red" v-if="val.commissionStatus==3">售后停发</b>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="orderTime">
                <p>下单时间:<span v-text="item.createTime"></span></p>
            </div>
        </div>
            <div class="linear"></div>
        </div>

        <div class="weui-infinite-scroll-box">
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader"></div>
                正在加载...
            </div>
        </div>
    </div>
</body>
<script src="../../b2c/lib/js/laydate.dev.js"></script>
<script  src="../../b2c/lib/js/ydui.js"></script>
<script src="../js/store/revenueDetails.js"></script>

</html>